<!--排放标准-->
<template>
  <component>
      <div class='standard-border text-center'>
        <div class='text-h6 ' style='height: 1.2em'>
          {{standardType}}
        </div>
        <div>排放标准</div>
      </div>
  </component>
</template>

<script>
import { defineComponent } from 'vue';
import ImageMessage from './ImageMessage';

export default defineComponent ( {
  name: 'Standard',
  components: { ImageMessage },
  props: {
    standardType: {
      type: String,
      required: true
    },
  }
});
</script>

<style scoped lang='sass'>
.standard-border
  border: black 2px solid
  color: #5e5e5e
  padding: 0.3em
  border-radius: 1.2em
  box-shadow: 2px 2px 5px #f6ca4f
@media screen and (max-device-width: 960px)
  .standard-border
    font-size: 6px
</style>
